<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>发布通用</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
    <link href="libs/iosselect/iosSelect.css" rel="stylesheet" type="text/css"/>
</head>
<body id="fbty">
    <div class="container" >
        <div class="swiper-container swiper-picture">
            <div class="swiper-wrapper">
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pages"></div>
        </div>
        <div class="bk-inpt">
            <input type="text" value="" placeholder="请输入标题">
        </div>
        <div class="bk-textarea">
            <textarea maxlength="40" class="textarea" placeholder="请输入标题"></textarea>
        </div>
        <div class="bk-01">
            <ul>
                <li class="type-01">
                    <span>发布形式</span>
                    <span class="type-data-01">翻滚</span>
                </li>

                <li class="times">
                    <span>投放周期</span>
                    <span class="time-limit">3个月</span>
                </li>
                <li >
                    <span>投放开始时间</span>
                    <span class="time-limit">联系客服</span>
                </li>
                <li class="putIn">
                    <span>投放数量</span>
                    <div class="numBox">
                        <div class="bnl">-</div>
                        <div class="input">1</div>
                        <div class="bnr">+</div>
                    </div>
                </li>

            </ul>
        </div>
        <div class="bk-02">

            <div class="clause">
                <div class="checkbox red act"></div>
                <p>本人同意并接受<span>《平台发布规范》</span></p>
            </div>
        </div>
        <div class="bk-03">
            <div class="btn-order">提交</div>

        </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="libs/iosselect/iscroll.js"></script>
    <script src="libs/iosselect/iosSelect.js"></script>
    <script>
        var swiperPicture = new Swiper('.swiper-picture', {
            pagination: '.swiper-pages',
            paginationType : 'fraction',
            paginationFractionRender: function (swiper, currentClassName, totalClassName) {
                return '<span class="' + currentClassName + '"></span>' +
                    '/' +
                    '<span class="' + totalClassName + '"></span>';
            }

        });
        var industry={
            arr1:[
                {'id': '110000', 'value': '翻滚', 'parentId': '0'},
                {'id': '120000', 'value': '固定', 'parentId': '0'}
            ]
        }
        $('.type-01').click(function(){
            var iosSelectIndustry = new IosSelect(1,
                [industry.arr1],
                {
                    title: '行业分类',
                    itemHeight:35,
                    headerHeight:44,
                    showLoading:true,
                    callback: function (selectOneObj) {
                        $(".type-data-01").text(selectOneObj.value)

                    }
                });
        });

        var $numBox = $(".numBox")

        var n =0
        $numBox.find(".input").text(n)
        $numBox.find(".bnl").on("click",function () {
            if(n<=0) return;
            $numBox.find(".input").text(--n)
        });
        $numBox.find(".bnr").on("click",function () {
            if(n>=10) return;
            $numBox.find(".input").text(++n)
        })
    </script>
</body>
</html>